﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Wijmo.master" AutoEventWireup="true"
    CodeBehind="ModalConfirm.aspx.cs" Inherits="Dialog_ModalConfirm" %>

<%@ Register Assembly="C1.Web.Wijmo.Controls.3" Namespace="C1.Web.Wijmo.Controls.C1Dialog"
    TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="Head" runat="Server">
    <script type="text/javascript">
        function delClick() {
            $(this).c1dialog("close");
        }
        function cancelClick() {
            $(this).c1dialog("close");
        }
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="Server">
    <cc1:C1Dialog ID="dialog" runat="server" Width="400" Height="200" Title="下载完成"
        Modal="True" CloseText="Close">
        <Content>
            <p>
                <span class="ui-icon ui-icon-circle-check"></span>您的文件已经下载完成!
            </p>
        </Content>
        <ExpandingAnimation Duration="400" />
        <CollapsingAnimation Duration="300" />
        <Buttons>
            <cc1:DialogButton onclientclick="delClick" text="确认" />
            <cc1:DialogButton onclientclick="cancelClick" text="取消" />
        </Buttons>
        <CaptionButtons>
            <Pin Visible="false" />
            <Refresh Visible="False" />
            <Toggle Visible="False" />
            <Minimize Visible="False" />
            <Maximize Visible="False" />
        </CaptionButtons>
    </cc1:C1Dialog>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="Description" runat="server">
    <p>
        此示例展示了怎样使用一个<strong>C1Dialog </strong>控件来创建一个确认对话框。
    </p>
    <ul>
        <li>如果 <b>Modal</b> 属性设置为True，功能将被启用。 </li>
        <li>利用<b>Buttons</b> 属性可以在对话框的底部添加按钮。</li>
        <li><b>CaptionButtons</b>属性决定标题栏按钮是否可见。</li>
    </ul>

</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="ControlOptions" runat="server">
    <input type="button" value="显示确认" onclick="$('#<%=dialog.ClientID%>').c1dialog('open')" />
</asp:Content>
